import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
import {BrowserRouter} from 'react-router-dom'
import store from './redux/store'


//严格模式 

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
       <App /> 
    
);
// 渲染的工作 渲染--》 将jsx转换成页面的真是dom的过程

// render函数是异步 那我就不可能在下面直接获取到类名的真实dom
// eventloop js进阶的事件循环 js是有逻辑的  你不要去背 去理解
requestIdleCallback(() => {
    console.log('app dom', document.getElementsByClassName("app")[0])
    const app = document.getElementsByClassName("app")[0]
    // app.addEventListener("click", (e) => e.stopPropagation())
})


// 检测redux中状态的改变 如果redux状态发生改变 那么重新渲染App组件
// store.subscribe(() =>{
//     ReactDOM.render(<App/>, document.getElementById('root'))
// })